<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>日冕观测数据查询</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script src="{% static 'JS/jquery-3.6.4.js' %}"></script>
    <link rel="stylesheet" href="{% static 'CSS/bootstrap.min.css' %}">
    <script src="{% static 'JS/bootstrap.min.js' %}"></script>
    <!-- 自定义CSS -->
    <style>
        .inner {
            padding: 20px;
            font-family: Arial, sans-serif;
        }
        .in_tit {
            font-size: 16px;
            font-weight: bold;
        }
        .date {
            list-style-type: none;
            padding: 0;
        }
        .date li {
            margin: 10px 0;
        }
        .green { background-color: green; color: white; }
        .yellow { background-color: yellow; color: black; }
        .red { background-color: red; color: white; }
        #xh td {
            width: 30px;
            height: 30px;
            text-align: center;
        }
    </style>
</head>
<body>
<div class="container inner">
    <form name="rili" method="get" action="/index.php">
        <input name="m" value="Index" type="hidden">
        <input name="a" value="lists" type="hidden">
        <input name="catid" value="75" type="hidden">

        <div class="in_tit">请选择需要浏览数据的年份
            <select name="year" class="form-select" style="background-color: #FFFFFF;">
                <option value="2010">2010</option>
                <option value="2011">2011</option>
                <option value="2012">2012</option>
                <option value="2013">2013</option>
                <option value="2014">2014</option>
                <option value="2015">2015</option>
                <option value="2016">2016</option>
                <option value="2017">2017</option>
                <option value="2018">2018</option>
                <option value="2019">2019</option>
                <option value="2020">2020</option>
                <option value="2021">2021</option>
                <option value="2022" selected>2022</option>
            </select>
            以及数据类型
            <select name="type" class="form-select" style="background-color: #FFFFFF;">
                <option value="rimian">日冕数据</option>
            </select>
            <input type="submit" name="sub" value="查询" class="btn btn-primary mt-2">
        </div>
        <p>数据版权属于中科院云南天文台选址与日冕观测组，如果您对我们感兴趣请邮箱我们：lyu@ynao.ac.cn</p>
    </form>

    <h2 class="da_tit mt-4">2022年日冕观测数据</h2>
    <ul class="date">
        <li class="green" style="height:auto;">有观测数据</li>
        <li class="yellow" style="height:auto;">有部分观测数据</li>
        <li class="red" style="height:auto;">没有观测数据</li>
        <li>
            <h4>January</h4>
            <table width="100%" border="0" id="xh" cellspacing="1" cellpadding="1" class="table table-bordered">
                <tr><td>日</td><td>一</td><td>二</td><td>三</td><td>四</td><td>五</td><td>六</td></tr>
                <tr><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td><td>&nbsp;</td>
                    <td class="green"><a href="/index.php?m=Index&a=datalist&catid=75&id=1241">1</a></td></tr>
                <tr><td class="green"><a href="/index.php?m=Index&a=datalist&catid=75&id=1242">2</a></td>
                    <td class="green"><a href="/index.php?m=Index&a=datalist&catid=75&id=1243">3</a></td>
                    <td class="green"><a href="/index.php?m=Index&a=datalist&catid=75&id=1244">4</a></td>
                    <!-- 继续填充日历内容 -->
                </tr>
            </table>
        </li>
    </ul>
</div>
</body>
</html>
